import React, { Component } from 'react'
import { Layout } from 'antd';
import { connect } from 'react-redux';
import Middlweare from './components/index';
const { Content } = Layout;
class OnlineToolesPage extends Component {

    render() {
        return (
            <Layout
                style={{
                    padding: '0 24px 24px',
                }}
            >
                <p
                    style={{
                        margin: '16px 20px',
                    }}
                >
                    {this.props.ToolesName}
                </p>

                <Content
                    style={{
                        padding: 24,
                        margin: 0,
                        minHeight: 280,
                        // border: '1px solid red'
                    }}
                >
                    <Middlweare ToolesName={this.props.ToolesName} />
                </Content>
            </Layout>
        )
    }
}
const mapStateToProps = (state) => ({ ToolesName: state.onlineToolesReducer.name })
export default connect(mapStateToProps)(OnlineToolesPage)
